위키/스킨/Central(the tree) (r13)
해당 리비전 수정 시각:
권한 부족
편집 권한이 부족합니다. 로그인된 사용자 OR geoip:KR(이)여야 합니다. 해당 문서의 ACL 탭을 확인하시기 바랍니다.
알림
현재 진행 중인 사용자 토론이 있습니다.
[주의!] 문서의 이전 버전(에 수정)을 보고 있습니다. 최신 버전으로 이동
분류
관련 문서: 1. 개요[편집]
the tree 위키 엔진에서 사용 가능한 Central 스킨에 대한 설명을 하는 문서이다.
2. 사용 방법[편집]
2.1. publicConfig.json[편집]
Central 스킨 변수 | ||||
종류 | 변수 이름 | 기본값 | 사용 예시 | 추가 설명 |
메인 컬러 | skin.central.main_color | #996FFF | "skin.central.main_color": "#696FFF" | |
상단바 색상 | skin.central.nav_color | #996FFF | "skin.central.nav_color": "linear-gradient(90deg, #996FFF, #696FFF)" | |
서브 컬러 | skin.central.sub_color | #A783FF | "skin.central.sub_color": "#7E83FF" | |
이름공간 밑줄 색상 | skin.central.ns_color | #A783FF40 [4] | "skin.central.ns_color": "#e7ddff" | |
skin.central.dark_ns_color | "skin.central.dark_ns_color": "#532fa9" | |||
상단바 로고 가로 길이 | skin.central.logo_size | 75px | "skin.central.logo_width": "75px" | |
상단바 로고 이미지 세로 크기 | skin.central.logo_size | auto | "skin.central.logo_size": "20px" | |
특수 기능 드롭다운 위치 변경 | skin.central.dropdown_left | auto | "skin.central.dropdown_left": "0" | |
3. 라이선스[편집]
3.1. 기여자[편집]
- Gwangtori https://github.com/Gwangtori
- hyonsu https://github.com/wjdgustn
3.2. 외부 프로젝트 고지[편집]
4. 업데이트 내역[편집]
v4.0으로 올리긴 하였지만 the tree에서는 버전 표기를 따로 하지않고 git 커밋 버전으로 표기되기 때문에 버전 표시는 따로하지 않는다.
4.1. 2025/01/25[편집]
- 첫 커밋 시작
- dark.css 우선 순위 변경
- js 변수 구조 변경
- 드롭다운 작동 안하는 문제 수정
- 사이드바 API 대신 엔진 API로 변경
- 툴 버튼 드롭다운 일부 사용
- 최근 변경에서 닉네임이 길 경우 줄 바꿈 되도록 수정
- 툴 버튼에 드롭다운이 존재하면 마지막 둥근 모서리 안되는 문제 수정
- 의도치 않은 동작 때문에 :focus 삭제
4.2. 2025/01/26[편집]
- skin.central.dark_ns_color 추가
- the tree와 맞지 않는 링크 수정
- 편집 요청 팝업 구현 전 임시로 링크로 들어가지게 수정
- 일부 다크모드 미적용 해결
- 색상 불러오는 방식 모두 js로 수정
- 공지 디자인 수정
- 스킨 설정(내비바 고정, 사이드바 위치 조정) 추가
4.3. 2025/01/27[편집]
- 다크모드일 때 sub 색상이 라이트 색상으로 표시되던 오류 수정
- 변수 색상[12] 조정
- 업로드나 편집할 때 저장 버튼이 본문에서 튀어나가는 문제 해결
4.4. 2025/01/28[편집]
- 변수 색상 실수 수정
- 로고 css 수정
- 사이드바 사용자 탭 추가
- 설정에 사용자 사이드바 끄기 기능 추가
4.5. 2025/01/29[편집]
- 보고 있는 문서에 토론이 진행 중이면 토론 버튼에 강조 색상 추가
- 사이드바 최근 변경 수 8개에서 12개로 변경
- 다크모드 방식 변경
4.6. 2025/01/30[편집]
- 문서 이름이 길 때 툴 버튼에서 줄바꿈되는 오류 수정
- 광고 상단, 측면 추가
- 모바일에서 툴 버튼이 튀어나가는 오류 수정
4.7. 2025/01/31[편집]
- 사용자 토론이 존재하면 표시되는 공지 UI 추가[13]
- 공지 UI 활용하여 편집 요청 메시지 추가
- 공지 UI의 카테고리가 중앙이 틀어진 오류 수정
4.8. 2025/02/01[편집]
- 툴 버튼의 일부 아이콘 변경
- 본문 글씨 크기 16px에서 15px로 조정
4.9. 2025/02/03[편집]
- [다크 모드] 편집 요청 공지 UI에서 링크 구별이 안되는 오류 수정
- [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정
- [다크 모드] 배경 색 변경
4.10. 2025/02/04[편집]
- code 박스, 중괄호로 문법 무효할 때의 글꼴 지정
- 라이선스 페이지에서 가로 스크롤 추가[14]
4.11. 2025/02/05[편집]
- [다크 모드] 위키 공지에 링크 색상 변경
- [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 2
4.12. 2025/02/06[편집]
- [다크 모드] 문서에서 외부 링크 색상 수정
[1] 크롬 테마 컬러와 엔진 내부의 브랜드 컬러로 사용된다.[2] 단색이 기본값이나 그라데이션 같은 문법도 사용 가능하다.[3] 상단바 아이템을 마우스 호버할 때 나타나는 색상과 마우스 드래그 했을 때 표시되는 색상이다.[4] 투명도가 포함되어 있는 헥스 코드이기 때문에 기본값으로는 다크모드 구분이 없다. 구버전 브라우저에서는 작동 안 할 수 있다.[5] 라이트모드일 때의 이름공간 밑줄 색상.[6] 라이트모드일 때의 이름공간 밑줄 색상.[7] 로고가 표시될 면적[8] svg면 자동 조정되나 png, jpg같은 일반 이미지는 따로 조정해줘야 한다.[9] 로고 길이가 짧은 경우 드롭다운이 오른쪽 정렬할 때 왼쪽이 잘리는 문제가 있는 경우만 0으로 사용할 것.[10] 허가된 위키는 위키/스킨/Central 문서의 사용 위키 문단을 참고하세요.[11] Git 수정이 아닌 커스텀 등은 금지됩니다.[12] 라이트 모드 링크 색상, 드래그할 때 나오는 컬러[13] 검색 창 오른쪽에 알림은 가독성이 안 좋다고 판단하여 닫을 수 있는 알림 추가.[14] 라이선스 정보가 더 길 경우 스킨을 벗어나는 문제가 있었음.
라이선스를 별도로 명시하지 않은 문서는 CC BY-SA 4.0에 따라 이용할 수 있습니다.
자세한 내용은 다올위키 라이선스 정책을 확인하시기 바랍니다.
기여하신 문서의 저작권은 각 기여자에게 있으며, 각 기여자는 기여하신 부분의 저작권을 갖습니다.
오픈 소스가 아닌 다올위키의 고유한 디자인을 무단으로 도용하는 것과, 운영 문서를 포함한 모든 문서를 라이선스를 지키지 않고 무단으로 가져가는 행동은 저작권 위반이며 법적 책임을 물 수 있습니다.